<template>
	<div class="likeCount">
		<i class="fa fa-heart" :class="me_is_like?'':'fontblack'"  @click="dolike"> {{likeCount}}</i>
	</div>
</template>
<script type="text/javascript">
	module.exports={
		props:{
			works_id:{
				type:[Number,String],
				default:0
			},
			plikecount:{
				type:[Number,String],
				default:-1
			},
			pme_is_like:{
				type:[Boolean,Number,String],
				default:false
			}
		},
		data(){
			return {
				likeCount:this.plikecount,
				me_is_like:this.pme_is_like
			}
		},
		methods:{
			get_w_like_count(){
				let _this=this
				myjs.get_w_like_count({works_id:_this.works_id},function(data){
					_this.likeCount=data.data
				})
			},
			dolike(e){
        let _this = this
				myjs.checkUserIsLogin(function(){
					var $dom=$(e.target)
					myjs.wlikedo({works_id:_this.works_id},function(data){
						_this.get_w_like_count()
						_this.me_is_like=data.like
						myjs.popPoint($dom,data)
					})
				},function(){
					myjs.calllogin()
				})
			}
		},
		mounted(){
      let _this=this
			if (_this.likeCount==-1) {
				_this.get_w_like_count()
			}
		}
	}
</script>
<style type="text/css" scoped>
	.likeCount{display: block;height: auto}
</style>
